<template>
<div v-if="image" class="pageheader" :style="{ backgroundImage: `url(${image})` }">
            <div class="container">
                <div class="pageheader__content">
                    <h2>{{ title }}</h2>
<!--                     <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><nuxt-link href="/">Home</nuxt-link></li>
                            <li class="breadcrumb-item active" aria-current="page">{{ subtitle }}</li>
                        </ol>
                    </nav> -->
                </div>
            </div>
        </div>
</template>

<script>
export default {
    props: {
        image: {
            type: String,
            default: ''
        },
        title: {
            type: String,
            default: ''
        },
        subtitle: {
            type: String,
            default: ''
        }
    }
}
</script>